<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@page isELIgnored="false"%>
<html>
<head>
<title>测试JSON交互</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
	function update() {
		// 获取输入的用户名和密码   
		var id = $("#id").val(); 
		var username = $("#username").val();
		var password = $("#password").val();
		var state = $("#state").val();
		$.ajax({
			url : "${pageContext.request.contextPath }/user",
			type : "put",
			// data表示发送的数据
			data : JSON.stringify({
				id : id,
				username : username,
				password : password,
				state : state
			}),
			// 定义发送请求的数据格式为JSON字符串
			contentType : "application/json;charset=UTF-8",
			//定义回调响应的数据格式为JSON字符串,该属性可以省略
			dataType : "json",
			//成功响应的结果
			success : function(data) {
				if (data != null) {
					alert("您添加的用户id为：" + data.id + ",用户名为：" + data.username
							+ ",密码为：" + data.password);
				}
			}
		});
	}
</script>
</head>
<body>
	<form>
		<input type="hidden" name="id" id="id" value="${user.id}"><br />
		用户名：<input type="text" name="username" id="username"	value="${user.username}"><br /> 
		密&nbsp;&nbsp;&nbsp;码： <input type="password" name="password" id="password" value="${user.username}"><br /> 
		状&nbsp;&nbsp;&nbsp;态：
			<select	name="state" id="state">
			  <option value="1">正常</option>
			  <option value="0">存档（删除）</option>
		    </select> <br /> 
		<input type="button" value="添加用户" onclick="update()" />
	</form>
</body>
</html>
